<!DOCTYPE html>
<html lang="en">
<head>
    <meta http-equiv="content-type" content="text/html;charset=utf-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <link rel="stylesheet" href="../library/bootstrap-3.3.7-dist/css/bootstrap.min.css">
    <link rel="stylesheet" href="../library/jstree/themes/default/style.min.css">
    <link rel="stylesheet" href="./style/index.css">
    <link rel="stylesheet" href="../webFonts/iconfont.css">
    <link rel="stylesheet" href="style/toggle-button.css">
    <link rel="stylesheet" href="style/commodity-category-manage.css">
    <title>十八度灰</title>
</head>
<body>
<article id="neutrey">
    <aside id="favor" class="opened">
        <ul>
            <li>
                <span class="favor_icon">&#x263a;</span>
                <span class="favor_text">十八度灰</span>
            </li>
            <li>
                <span class="favor_icon">&#x263a;</span>
                <span class="favor_text">十八度灰</span>
            </li>
            <li>
                <span class="favor_icon">&#x263a;</span>
                <span class="favor_text">十八度灰</span>
            </li>
            <li>
                <span class="favor_icon">&#x263a;</span>
                <span class="favor_text">十八度灰</span>
            </li>
            <li>
                <span class="favor_icon">&#x263a;</span>
                <span class="favor_text">十八度灰</span>
            </li>
            <li>
                <span class="favor_icon">&#x263a;</span>
                <span class="favor_text">十八度灰</span>
            </li>
            <li>
                <span class="favor_icon">&#x263a;</span>
                <span class="favor_text">十八度灰</span>
            </li>
            <li>
                <span class="favor_icon">&#x263a;</span>
                <span class="favor_text">十八度灰</span>
            </li>
            <li>
                <span class="favor_icon">&#x263a;</span>
                <span class="favor_text">十八度灰</span>
            </li>
            <li>
                <span class="favor_icon">&#x263a;</span>
                <span class="favor_text">十八度灰</span>
            </li>
            <li>
                <span class="favor_icon">&#x263a;</span>
                <span class="favor_text">十八度灰</span>
            </li>
            <li>
                <span class="favor_icon">&#x263a;</span>
                <span class="favor_text">十八度灰</span>
            </li>
        </ul>
    </aside>
    <article id="main" class="opened">
        <header id="description">
            <section class="left_part">
                <figure id="logo"></figure>
                <div id="menu">
                    <div id="home"  class="category_title">
                        <span>总揽</span>
                    </div>
                    <div id="category">
                        <div class="category_title">
                            <span>功能</span>
                            <span class="icon">&#x2228;</span>
                        </div>
                        <section id="sub_menu">
                            <dl class="product_list">
                                <dt class="product_title">
                                    <em>商品</em>
                                </dt>
                                <dd>
                                    <a href="./commodity-manage.html" class="product_link_item">
                                        <i class="icon">&#x263a;</i>
                                        <span>商品管理</span>
                                    </a>
                                </dd>
                                <dd>
                                    <a class="product_link_item" href="./commodity-category-manage.html">
                                        <i class="icon">&#x263a;</i>
                                        <span>商品品类</span>
                                    </a>
                                </dd>
                                <dd>
                                    <a class="product_link_item" href="./product-brand.html">
                                        <i class="icon">&#x263a;</i>
                                        <span>商品品牌</span>
                                    </a>
                                </dd>
                                <dd>
                                    <a class="product_link_item" href="./features.html">
                                        <i class="icon">&#x263a;</i>
                                        <span>商品属性</span>
                                    </a>
                                </dd>
                                <dd>
                                    <a class="product_link_item" href="./commodity-fabric.html">
                                        <i class="icon">&#x263a;</i>
                                        <span>商品面料</span>
                                    </a>
                                </dd>
                                <dd>
                                    <a class="product_link_item" href="./customize-generation.html">
                                        <i class="icon">&#x263a;</i>
                                        <span>年龄段</span>
                                    </a>
                                </dd>
                            </dl>
                            <dl class="product_list">
                                <dt class="product_title">
                                    <em>店柜和员工</em>
                                </dt>
                                <dd>
                                    <a class="product_link_item" href="./department.html">
                                        <i class="icon">&#x263a;</i>
                                        <span>组织架构</span>
                                    </a>
                                </dd>
                                <dd>
                                    <a class="product_link_item" href="./users-manage.html">
                                        <i class="icon">&#x263a;</i>
                                        <span>用户管理</span>
                                    </a>
                                </dd>
                                <dd>
                                    <a class="product_link_item" href="./regional-division.html">
                                        <i class="icon">&#x263a;</i>
                                        <span>区域划分</span>
                                    </a>
                                </dd>
                            </dl>
                            <dl class="product_list">
                                <dt class="product_title">
                                    <em>客户</em>
                                </dt>
                                <dd>
                                    <a class="product_link_item" href="./customer-information.html">
                                        <i class="icon">&#x263a;</i>
                                        <span>客户信息</span>
                                    </a>
                                </dd>
                                <dd>
                                    <a class="product_link_item" href="./complaints.html">
                                        <i class="icon">&#x263a;</i>
                                        <span>客户投诉</span>
                                    </a>
                                </dd>
                            </dl>
                            <dl class="product_list">
                                <dt class="product_title">
                                    <em>平台功能</em>
                                </dt>
                                <dd>
                                    <a class="product_link_item" href="#">
                                        <i class="icon">&#x263a;</i>
                                        <span>云服务器</span>
                                    </a>
                                </dd>
                                <dd>
                                    <a class="product_link_item" href="#">
                                        <i class="icon">&#x263a;</i>
                                        <span>云服务器</span>
                                    </a>
                                </dd>
                                <dd>
                                    <a class="product_link_item" href="#">
                                        <i class="icon">&#x263a;</i>
                                        <span>云服务器</span>
                                    </a>
                                </dd>
                            </dl>
                            <dl class="product_list">
                                <dt class="product_title">
                                    <em>平台功能</em>
                                </dt>
                                <dd>
                                    <a class="product_link_item" href="#">
                                        <i class="icon">&#x263a;</i>
                                        <span>云服务器</span>
                                    </a>
                                </dd>
                                <dd>
                                    <a class="product_link_item" href="#">
                                        <i class="icon">&#x263a;</i>
                                        <span>云服务器</span>
                                    </a>
                                </dd>
                                <dd>
                                    <a class="product_link_item" href="#">
                                        <i class="icon">&#x263a;</i>
                                        <span>云服务器</span>
                                    </a>
                                </dd>
                            </dl>
                        </section>
                    </div>
                </div>
            </section>
            <section class="right_part">
                <span>个人</span>
                <span>修改密码</span>
                <span>退出</span>
            </section>
        </header>
        <section id="content">
            <div id="collapse" class="opened">
                <<
            </div>
            <article class="container-fluid category_commodity_manage">
                <aside class="tree_content_category">
                    <h2 class="panel_header">商品品类</h2>
                    <nav id="container-nav-content"
                         class="panel-body jstree jstree-1 jstree-default" role="tree"
                         aria-multiselectable="true" tabindex="0" aria-activedescendant="1" aria-busy="false">
                        <ul class="jstree-container-ul jstree-children jstree-wholerow-ul jstree-no-dots" role="group">
                            <li role="treeitem" aria-selected="true" aria-level="1" aria-labelledby="1_anchor"
                                aria-expanded="true" class="jstree-node  jstree-last jstree-open">
                                <div unselectable="on" role="presentation"
                                     class="jstree-wholerow">&nbsp;</div>
                                <i class="jstree-icon jstree-ocl" role="presentation"></i>
                                <a class="jstree-anchor" href="#" tabindex="-1">
                                    <i class="jstree-icon jstree-themeicon" role="presentation"></i><span>全部</span>
                                </a>
                                <ul role="group" class="jstree-children">
                                    <li role="treeitem" aria-selected="false" aria-level="2"
                                        aria-labelledby="aca047166e2748ec8e4597c4f0aceb33_anchor" aria-expanded="true"
                                        class="jstree-node jstree-closed">
                                        <div unselectable="on" role="presentation" class="jstree-wholerow">&nbsp;</div>
                                        <i class="jstree-icon jstree-ocl" role="presentation"></i>
                                        <a class="jstree-anchor" href="#" tabindex="-1">
                                            <i class="jstree-icon jstree-themeicon"
                                               role="presentation"></i>上装
                                        </a>
                                        <ul role="group" class="jstree-children">
                                            <li role="treeitem" aria-selected="false" aria-level="3"
                                                aria-labelledby="_anchor"
                                                class="jstree-node  jstree-leaf">
                                                <div unselectable="on" role="presentation" class="jstree-wholerow">
                                                    &nbsp;</div>
                                                <i class="jstree-icon jstree-ocl" role="presentation"></i>
                                                <a class="jstree-anchor" href="#" tabindex="-1">
                                                    <i class="jstree-icon jstree-themeicon"
                                                       role="presentation"></i>上衣
                                                </a>
                                            </li>
                                            <li role="treeitem" aria-selected="false" aria-level="3"
                                                aria-labelledby="_anchor"
                                                class="jstree-node  jstree-leaf">
                                                <div unselectable="on" role="presentation" class="jstree-wholerow">
                                                    &nbsp;</div>
                                                <i class="jstree-icon jstree-ocl" role="presentation"></i>
                                                <a class="jstree-anchor" href="#" tabindex="-1">
                                                    <i class="jstree-icon jstree-themeicon"
                                                       role="presentation"></i>衬衫
                                                </a>
                                            </li>
                                            <li role="treeitem" aria-selected="false" aria-level="3"
                                                aria-labelledby="_anchor"
                                                class="jstree-node  jstree-leaf">
                                                <div unselectable="on" role="presentation" class="jstree-wholerow">
                                                    &nbsp;</div>
                                                <i class="jstree-icon jstree-ocl" role="presentation"></i>
                                                <a class="jstree-anchor" href="#" tabindex="-1">
                                                    <i class="jstree-icon jstree-themeicon"
                                                       role="presentation"></i>Ｔ恤
                                                </a>
                                            </li>
                                            <li role="treeitem" aria-selected="false" aria-level="3"
                                                aria-labelledby="_anchor"
                                                class="jstree-node  jstree-leaf">
                                                <div unselectable="on" role="presentation" class="jstree-wholerow">
                                                    &nbsp;</div>
                                                <i class="jstree-icon jstree-ocl" role="presentation"></i>
                                                <a class="jstree-anchor" href="#" tabindex="-1">
                                                    <i class="jstree-icon jstree-themeicon"
                                                       role="presentation"></i>风衣
                                                </a>
                                            </li>
                                            <li role="treeitem" aria-selected="false" aria-level="3"
                                                aria-labelledby="_anchor"
                                                class="jstree-node  jstree-leaf">
                                                <div unselectable="on" role="presentation" class="jstree-wholerow">
                                                    &nbsp;</div>
                                                <i class="jstree-icon jstree-ocl" role="presentation"></i>
                                                <a class="jstree-anchor" href="#" tabindex="-1">
                                                    <i class="jstree-icon jstree-themeicon"
                                                       role="presentation"></i>针织
                                                </a>
                                            </li>
                                            <li role="treeitem" aria-selected="false" aria-level="3"
                                                aria-labelledby="_anchor"
                                                class="jstree-node  jstree-leaf">
                                                <div unselectable="on" role="presentation" class="jstree-wholerow">
                                                    &nbsp;</div>
                                                <i class="jstree-icon jstree-ocl" role="presentation"></i>
                                                <a class="jstree-anchor" href="#" tabindex="-1">
                                                    <i class="jstree-icon jstree-themeicon"
                                                       role="presentation"></i>连衣裙
                                                </a>
                                            </li>
                                            <li role="treeitem" aria-selected="false" aria-level="3"
                                                aria-labelledby="_anchor"
                                                class="jstree-node  jstree-leaf">
                                                <div unselectable="on" role="presentation" class="jstree-wholerow">
                                                    &nbsp;</div>
                                                <i class="jstree-icon jstree-ocl" role="presentation"></i>
                                                <a class="jstree-anchor" href="#" tabindex="-1">
                                                    <i class="jstree-icon jstree-themeicon"
                                                       role="presentation"></i>背心
                                                </a>
                                            </li>
                                            <li role="treeitem" aria-selected="false" aria-level="3"
                                                aria-labelledby="_anchor"
                                                class="jstree-node  jstree-leaf">
                                                <div unselectable="on" role="presentation" class="jstree-wholerow">
                                                    &nbsp;</div>
                                                <i class="jstree-icon jstree-ocl" role="presentation"></i>
                                                <a class="jstree-anchor" href="#" tabindex="-1">
                                                    <i class="jstree-icon jstree-themeicon"
                                                       role="presentation"></i>外套
                                                </a>
                                            </li>
                                            <li role="treeitem" aria-selected="false" aria-level="3"
                                                aria-labelledby="_anchor"
                                                class="jstree-node  jstree-leaf">
                                                <div unselectable="on" role="presentation" class="jstree-wholerow">
                                                    &nbsp;</div>
                                                <i class="jstree-icon jstree-ocl" role="presentation"></i>
                                                <a class="jstree-anchor" href="#" tabindex="-1">
                                                    <i class="jstree-icon jstree-themeicon"
                                                       role="presentation"></i>打底衫
                                                </a>
                                            </li>
                                            <li role="treeitem" aria-selected="false" aria-level="3"
                                                aria-labelledby="_anchor"
                                                class="jstree-node  jstree-leaf">
                                                <div unselectable="on" role="presentation" class="jstree-wholerow">
                                                    &nbsp;</div>
                                                <i class="jstree-icon jstree-ocl" role="presentation"></i>
                                                <a class="jstree-anchor" href="#" tabindex="-1">
                                                    <i class="jstree-icon jstree-themeicon"
                                                       role="presentation"></i>棉服
                                                </a>
                                            </li>
                                            <li role="treeitem" aria-selected="false" aria-level="3"
                                                aria-labelledby="_anchor"
                                                class="jstree-node  jstree-leaf">
                                                <div unselectable="on" role="presentation" class="jstree-wholerow">
                                                    &nbsp;</div>
                                                <i class="jstree-icon jstree-ocl" role="presentation"></i>
                                                <a class="jstree-anchor" href="#" tabindex="-1">
                                                    <i class="jstree-icon jstree-themeicon"
                                                       role="presentation"></i>皮衣
                                                </a>
                                            </li>
                                            <li role="treeitem" aria-selected="false" aria-level="3"
                                                aria-labelledby="_anchor"
                                                class="jstree-node  jstree-leaf">
                                                <div unselectable="on" role="presentation" class="jstree-wholerow">
                                                    &nbsp;</div>
                                                <i class="jstree-icon jstree-ocl" role="presentation"></i>
                                                <a class="jstree-anchor" href="#" tabindex="-1">
                                                    <i class="jstree-icon jstree-themeicon"
                                                       role="presentation"></i>大衣
                                                </a>
                                            </li>
                                            <li role="treeitem" aria-selected="false" aria-level="3"
                                                aria-labelledby="_anchor"
                                                class="jstree-node  jstree-leaf">
                                                <div unselectable="on" role="presentation" class="jstree-wholerow">
                                                    &nbsp;</div>
                                                <i class="jstree-icon jstree-ocl" role="presentation"></i>
                                                <a class="jstree-anchor" href="#" tabindex="-1">
                                                    <i class="jstree-icon jstree-themeicon"
                                                       role="presentation"></i>裘皮
                                                </a>
                                            </li>
                                            <li role="treeitem" aria-selected="false" aria-level="3"
                                                aria-labelledby="_anchor"
                                                class="jstree-node  jstree-leaf">
                                                <div unselectable="on" role="presentation" class="jstree-wholerow">
                                                    &nbsp;</div>
                                                <i class="jstree-icon jstree-ocl" role="presentation"></i>
                                                <a class="jstree-anchor" href="#" tabindex="-1">
                                                    <i class="jstree-icon jstree-themeicon"
                                                       role="presentation"></i>羽绒服
                                                </a>
                                            </li>
                                        </ul>
                                    </li>
                                    <li role="treeitem" aria-selected="false" aria-level="2" id="aaaa_1"
                                        aria-labelledby="0b8a94a19af14ba99d453457d379af37_anchor"
                                        aria-expanded="true" class="jstree-node jstree-closed">
                                        <div unselectable="on" role="presentation" class="jstree-wholerow">&nbsp;</div>
                                        <i class="jstree-icon jstree-ocl" role="presentation"></i>
                                        <a class="jstree-anchor" href="#" tabindex="-1" id="aaaa_1_anchor">
                                            <i class="jstree-icon jstree-themeicon"
                                               role="presentation"></i>下装
                                        </a>
                                        <ul class="jstree-children" role="group">
                                            <li role="treeitem" aria-selected="false" aria-level="3"
                                                aria-labelledby="_anchor"
                                                class="jstree-node  jstree-leaf">
                                                <div unselectable="on" role="presentation" class="jstree-wholerow">
                                                    &nbsp;</div>
                                                <i class="jstree-icon jstree-ocl" role="presentation"></i>
                                                <a class="jstree-anchor" href="#" tabindex="-1">
                                                    <i class="jstree-icon jstree-themeicon"
                                                       role="presentation"></i>半裙
                                                </a>
                                            </li>
                                            <li role="treeitem" aria-selected="false" aria-level="3"
                                                aria-labelledby="_anchor"
                                                class="jstree-node  jstree-leaf">
                                                <div unselectable="on" role="presentation" class="jstree-wholerow">
                                                    &nbsp;</div>
                                                <i class="jstree-icon jstree-ocl" role="presentation"></i>
                                                <a class="jstree-anchor" href="#" tabindex="-1">
                                                    <i class="jstree-icon jstree-themeicon"
                                                       role="presentation"></i>长裤
                                                </a>
                                            </li>
                                        </ul>
                                    </li>
                                    <li role="treeitem" aria-selected="false" aria-level="2"
                                        aria-labelledby="0a2c0b0f994248d9ba45c6b93298d16d_anchor" aria-expanded="true"
                                        class="jstree-node jstree-closed">
                                        <div unselectable="on" role="presentation" class="jstree-wholerow">&nbsp;</div>
                                        <i class="jstree-icon jstree-ocl" role="presentation"></i>
                                        <a class="jstree-anchor" href="#" tabindex="-1">
                                            <i class="jstree-icon jstree-themeicon"
                                               role="presentation"></i>配饰
                                        </a>
                                        <ul class="jstree-children" role="group">
                                            <li role="treeitem" aria-selected="false" aria-level="3"
                                                aria-labelledby="_anchor"
                                                class="jstree-node  jstree-leaf">
                                                <div unselectable="on" role="presentation" class="jstree-wholerow">
                                                    &nbsp;</div>
                                                <i class="jstree-icon jstree-ocl" role="presentation"></i>
                                                <a class="jstree-anchor" href="#" tabindex="-1">
                                                    <i class="jstree-icon jstree-themeicon"
                                                       role="presentation"></i>皮带
                                                </a>
                                            </li>
                                            <li role="treeitem" aria-selected="false" aria-level="3"
                                                aria-labelledby="_anchor"
                                                class="jstree-node  jstree-leaf">
                                                <div unselectable="on" role="presentation" class="jstree-wholerow">
                                                    &nbsp;</div>
                                                <i class="jstree-icon jstree-ocl" role="presentation"></i>
                                                <a class="jstree-anchor" href="#" tabindex="-1">
                                                    <i class="jstree-icon jstree-themeicon"
                                                       role="presentation"></i>丝巾
                                                </a>
                                            </li>
                                            <li role="treeitem" aria-selected="false" aria-level="3"
                                                aria-labelledby="_anchor"
                                                class="jstree-node  jstree-leaf">
                                                <div unselectable="on" role="presentation" class="jstree-wholerow">
                                                    &nbsp;</div>
                                                <i class="jstree-icon jstree-ocl" role="presentation"></i>
                                                <a class="jstree-anchor" href="#" tabindex="-1">
                                                    <i class="jstree-icon jstree-themeicon"
                                                       role="presentation"></i>围巾
                                                </a>
                                            </li>
                                            <li role="treeitem" aria-selected="false" aria-level="3"
                                                aria-labelledby="_anchor"
                                                class="jstree-node  jstree-leaf">
                                                <div unselectable="on" role="presentation" class="jstree-wholerow">
                                                    &nbsp;</div>
                                                <i class="jstree-icon jstree-ocl" role="presentation"></i>
                                                <a class="jstree-anchor" href="#" tabindex="-1">
                                                    <i class="jstree-icon jstree-themeicon"
                                                       role="presentation"></i>鞋
                                                </a>
                                            </li>
                                            <li role="treeitem" aria-selected="false" aria-level="3"
                                                aria-labelledby="_anchor"
                                                class="jstree-node  jstree-leaf">
                                                <div unselectable="on" role="presentation" class="jstree-wholerow">
                                                    &nbsp;</div>
                                                <i class="jstree-icon jstree-ocl" role="presentation"></i>
                                                <a class="jstree-anchor" href="#" tabindex="-1">
                                                    <i class="jstree-icon jstree-themeicon"
                                                       role="presentation"></i>包
                                                </a>
                                            </li>
                                            <li role="treeitem" aria-selected="false" aria-level="3"
                                                aria-labelledby="_anchor"
                                                class="jstree-node  jstree-leaf">
                                                <div unselectable="on" role="presentation" class="jstree-wholerow">
                                                    &nbsp;</div>
                                                <i class="jstree-icon jstree-ocl" role="presentation"></i>
                                                <a class="jstree-anchor" href="#" tabindex="-1">
                                                    <i class="jstree-icon jstree-themeicon"
                                                       role="presentation"></i>披肩
                                                </a>
                                            </li>
                                            <li role="treeitem" aria-selected="false" aria-level="3"
                                                aria-labelledby="_anchor"
                                                class="jstree-node  jstree-leaf">
                                                <div unselectable="on" role="presentation" class="jstree-wholerow">
                                                    &nbsp;</div>
                                                <i class="jstree-icon jstree-ocl" role="presentation"></i>
                                                <a class="jstree-anchor" href="#" tabindex="-1">
                                                    <i class="jstree-icon jstree-themeicon"
                                                       role="presentation"></i>项链
                                                </a>
                                            </li>
                                            <li role="treeitem" aria-selected="false" aria-level="3"
                                                aria-labelledby="_anchor"
                                                class="jstree-node  jstree-leaf">
                                                <div unselectable="on" role="presentation" class="jstree-wholerow">
                                                    &nbsp;</div>
                                                <i class="jstree-icon jstree-ocl" role="presentation"></i>
                                                <a class="jstree-anchor" href="#" tabindex="-1">
                                                    <i class="jstree-icon jstree-themeicon"
                                                       role="presentation"></i>手镯
                                                </a>
                                            </li>
                                            <li role="treeitem" aria-selected="false" aria-level="3"
                                                aria-labelledby="_anchor"
                                                class="jstree-node  jstree-leaf">
                                                <div unselectable="on" role="presentation" class="jstree-wholerow">
                                                    &nbsp;</div>
                                                <i class="jstree-icon jstree-ocl" role="presentation"></i>
                                                <a class="jstree-anchor" href="#" tabindex="-1">
                                                    <i class="jstree-icon jstree-themeicon"
                                                       role="presentation"></i>胸针
                                                </a>
                                            </li>
                                            <li role="treeitem" aria-selected="false" aria-level="3"
                                                aria-labelledby="_anchor"
                                                class="jstree-node  jstree-leaf">
                                                <div unselectable="on" role="presentation" class="jstree-wholerow">
                                                    &nbsp;</div>
                                                <i class="jstree-icon jstree-ocl" role="presentation"></i>
                                                <a class="jstree-anchor" href="#" tabindex="-1">
                                                    <i class="jstree-icon jstree-themeicon"
                                                       role="presentation"></i>耳环
                                                </a>
                                            </li>
                                            <li role="treeitem" aria-selected="false" aria-level="3"
                                                aria-labelledby="_anchor"
                                                class="jstree-node  jstree-leaf">
                                                <div unselectable="on" role="presentation" class="jstree-wholerow">
                                                    &nbsp;</div>
                                                <i class="jstree-icon jstree-ocl" role="presentation"></i>
                                                <a class="jstree-anchor" href="#" tabindex="-1">
                                                    <i class="jstree-icon jstree-themeicon"
                                                       role="presentation"></i>手套
                                                </a>
                                            </li>
                                            <li role="treeitem" aria-selected="false" aria-level="3"
                                                aria-labelledby="_anchor"
                                                class="jstree-node  jstree-leaf">
                                                <div unselectable="on" role="presentation" class="jstree-wholerow">
                                                    &nbsp;</div>
                                                <i class="jstree-icon jstree-ocl" role="presentation"></i>
                                                <a class="jstree-anchor" href="#" tabindex="-1">
                                                    <i class="jstree-icon jstree-themeicon"
                                                       role="presentation"></i>眼镜
                                                </a>
                                            </li>
                                            <li role="treeitem" aria-selected="false" aria-level="3"
                                                aria-labelledby="_anchor"
                                                class="jstree-node  jstree-leaf">
                                                <div unselectable="on" role="presentation" class="jstree-wholerow">
                                                    &nbsp;</div>
                                                <i class="jstree-icon jstree-ocl" role="presentation"></i>
                                                <a class="jstree-anchor" href="#" tabindex="-1">
                                                    <i class="jstree-icon jstree-themeicon"
                                                       role="presentation"></i>假领
                                                </a>
                                            </li>
                                        </ul>
                                    </li>
                                </ul>
                            </li>
                        </ul>
                    </nav>
                    <p class="panel_footer"></p>
                </aside>
                <div class="category_commodity_list panel">
                    <div class="panel_header button-group-category">
                        <button class="button-add-category btn btn-default">新增</button>
                        <div class="button-group">
                            <button id="ALL" class="active">全部</button>
                            <button id="DISABLE">已禁用</button>
                        </div>
                        <div class="input-group">
                            <input type="text" class="form-control"
                                   placeholder="" id="search_text" />
                            <button class="input-group-addon glyphicon glyphicon-search"></button>
                        </div>
                    </div>
                    <section class="panel-body"></section>
                    <div class="panel_footer">
                        <p>共11条</p>
                    </div>
                </div>
            </article>
        </section>
        <footer id="copyRight">
            Copyright © 2017 - 2018 neutrey.com. All Rights Reserved.
        </footer>
    </article>
    <div class="masking"></div>
    <article class="modal-fixed panel commodity-category-new" style="display: none">
        <h2 class="panel_header" id="create_newdepartment">
            <span>新建商品品类</span>
            <span class="cancel glyphicon glyphicon-remove"></span>
        </h2>
        <form class="panel-body" id="create_commodity_category_form">
            <ul class="list-group">
                <li class="list-group－item">
                    <div class="input-group">
                        <label>
                            商品品类编码
                            <span class="mustRequired">*</span>
                        </label>
                        <input type="text" class="form-control" />
                    </div>
                </li>
                <li class="list-group-item">
                    <div class="input-group">
                        <label>
                            商品品类名称
                            <span class="mustRequired">*</span>
                        </label>
                        <input type="text" class="form-control" placeholder="请输入商品品类名称"/>
                    </div>
                </li>
                <li class="list-group-item">
                    <div class="input-group">
                        <span>
                            所属父品类
                            <span class="mustRequired">*</span>
                        </span>
                        <div class="commodity-category">
                            <div class="iconfont icon-btn">&#xe649;</div>
                            <input type="hidden" />
                        </div>
                    </div>
                </li>
                <li class="list-group-item">
                    <div class="input-group">
                        <label>商品品类状态</label>
                        <div class="switch has-switch">
                            <div class="switch-on switch-animate">
                                <input type="checkbox" checked name="shift_status_argument"
                                       class="shift-status-argument"/>
                                <span class="switch-left">启用</span>
                                <label class="switch-small">&nbsp;</label>
                                <span class="switch-right">禁用</span>
                            </div>
                        </div>
                    </div>
                </li>
            </ul>
        </form>
        <div class="panel_footer text-right">
            <button id="save_next_commodity_category" class="btn btn-primary">保存并添加下一个</button>
            <button id="save_commodity_category" class="btn btn-primary">保存</button>
            <button class="cancel btn btn-default">取消</button>
        </div>
    </article>
    <article class="modal-large modal-select-category" style="display: none;">
        <h2 class="panel_header">
            选择商品品类
            <span class="cancel glyphicon glyphicon-remove"></span>
        </h2>
        <form class="panel-body">
            <div class="selected-category"></div>
            <!--部门树-->
            <nav id="container-category-tree" class="jstree jstree-2 jstree-default" role="tree"
                 aria-multiselectable="true" tabindex="0" aria-busy="false">
                <ul class="jstree-container-ul jstree-children jstree-wholerow-ul jstree-no-dots" role="group">
                    <li role="treeitem" aria-selected="true" aria-level="1" aria-labelledby="1_anchor"
                        aria-expanded="true" class="jstree-node  jstree-last jstree-open" id="1">
                        <div unselectable="on" role="presentation"
                             class="jstree-wholerow jstree-wholerow-clicked">&nbsp;</div>
                        <i class="jstree-icon jstree-ocl" role="presentation"></i>
                        <a class="jstree-anchor" href="#" tabindex="-1" id="1_anchor">
                            <i class="jstree-icon jstree-themeicon" role="presentation"></i><span>全部</span>
                        </a>
                        <ul role="group" class="jstree-children">
                            <li role="treeitem" aria-selected="false" aria-level="2"
                                aria-labelledby="aca047166e2748ec8e4597c4f0aceb33_anchor" aria-expanded="true"
                                id="aca047166e2748ec8e4597c4f0aceb33" class="jstree-node jstree-closed">
                                <div unselectable="on" role="presentation" class="jstree-wholerow">&nbsp;</div>
                                <i class="jstree-icon jstree-ocl" role="presentation"></i>
                                <a class="jstree-anchor" href="#" tabindex="-1"
                                   id="aca047166e2748ec8e4597c4f0aceb33_anchor">
                                    <i class="jstree-icon jstree-themeicon"
                                       role="presentation"></i>上装
                                </a>
                                <ul role="group" class="jstree-children">
                                    <li role="treeitem" aria-selected="false" aria-level="3"
                                        aria-labelledby="_anchor" id="aa_1"
                                        class="jstree-node  jstree-leaf">
                                        <div unselectable="on" role="presentation" class="jstree-wholerow">
                                            &nbsp;</div>
                                        <i class="jstree-icon jstree-ocl" role="presentation"></i>
                                        <a class="jstree-anchor" href="#" tabindex="-1" id="aa_1_anchor">
                                            <i class="jstree-icon jstree-themeicon"
                                               role="presentation"></i>上衣
                                        </a>
                                    </li>
                                    <li role="treeitem" aria-selected="false" aria-level="3"
                                        aria-labelledby="_anchor" id="bb_1"
                                        class="jstree-node  jstree-leaf">
                                        <div unselectable="on" role="presentation" class="jstree-wholerow">
                                            &nbsp;</div>
                                        <i class="jstree-icon jstree-ocl" role="presentation"></i>
                                        <a class="jstree-anchor" href="#" tabindex="-1" id="bb_1_anchor">
                                            <i class="jstree-icon jstree-themeicon"
                                               role="presentation"></i>衬衫
                                        </a>
                                    </li>
                                    <li role="treeitem" aria-selected="false" aria-level="3"
                                        aria-labelledby="_anchor" id="cc_1"
                                        class="jstree-node  jstree-leaf">
                                        <div unselectable="on" role="presentation" class="jstree-wholerow">
                                            &nbsp;</div>
                                        <i class="jstree-icon jstree-ocl" role="presentation"></i>
                                        <a class="jstree-anchor" href="#" tabindex="-1" id="cc_1_anchor">
                                            <i class="jstree-icon jstree-themeicon"
                                               role="presentation"></i>Ｔ恤
                                        </a>
                                    </li>
                                    <li role="treeitem" aria-selected="false" aria-level="3"
                                        aria-labelledby="_anchor" id="dd_1"
                                        class="jstree-node  jstree-leaf">
                                        <div unselectable="on" role="presentation" class="jstree-wholerow">
                                            &nbsp;</div>
                                        <i class="jstree-icon jstree-ocl" role="presentation"></i>
                                        <a class="jstree-anchor" href="#" tabindex="-1" id="dd_1_anchor">
                                            <i class="jstree-icon jstree-themeicon"
                                               role="presentation"></i>风衣
                                        </a>
                                    </li>
                                    <li role="treeitem" aria-selected="false" aria-level="3"
                                        aria-labelledby="_anchor" id="ff_1"
                                        class="jstree-node  jstree-leaf">
                                        <div unselectable="on" role="presentation" class="jstree-wholerow">
                                            &nbsp;</div>
                                        <i class="jstree-icon jstree-ocl" role="presentation"></i>
                                        <a class="jstree-anchor" href="#" tabindex="-1" id="ff_1_anchor">
                                            <i class="jstree-icon jstree-themeicon"
                                               role="presentation"></i>针织
                                        </a>
                                    </li>
                                    <li role="treeitem" aria-selected="false" aria-level="3"
                                        aria-labelledby="_anchor" id="11_111"
                                        class="jstree-node  jstree-leaf">
                                        <div unselectable="on" role="presentation" class="jstree-wholerow">
                                            &nbsp;</div>
                                        <i class="jstree-icon jstree-ocl" role="presentation"></i>
                                        <a class="jstree-anchor" href="#" tabindex="-1" id="11_111_anchor">
                                            <i class="jstree-icon jstree-themeicon"
                                               role="presentation"></i>连衣裙
                                        </a>
                                    </li>
                                    <li role="treeitem" aria-selected="false" aria-level="3"
                                        aria-labelledby="_anchor" id="ee_1"
                                        class="jstree-node  jstree-leaf">
                                        <div unselectable="on" role="presentation" class="jstree-wholerow">
                                            &nbsp;</div>
                                        <i class="jstree-icon jstree-ocl" role="presentation"></i>
                                        <a class="jstree-anchor" href="#" tabindex="-1" id="ee_1_anchor">
                                            <i class="jstree-icon jstree-themeicon"
                                               role="presentation"></i>背心
                                        </a>
                                    </li>
                                    <li role="treeitem" aria-selected="false" aria-level="3"
                                        aria-labelledby="_anchor" id="gg_1"
                                        class="jstree-node  jstree-leaf">
                                        <div unselectable="on" role="presentation" class="jstree-wholerow">
                                            &nbsp;</div>
                                        <i class="jstree-icon jstree-ocl" role="presentation"></i>
                                        <a class="jstree-anchor" href="#" tabindex="-1" id="gg_1_anchor">
                                            <i class="jstree-icon jstree-themeicon"
                                               role="presentation"></i>外套
                                        </a>
                                    </li>
                                    <li role="treeitem" aria-selected="false" aria-level="3"
                                        aria-labelledby="_anchor" id="hh_1"
                                        class="jstree-node  jstree-leaf">
                                        <div unselectable="on" role="presentation" class="jstree-wholerow">
                                            &nbsp;</div>
                                        <i class="jstree-icon jstree-ocl" role="presentation"></i>
                                        <a class="jstree-anchor" href="#" tabindex="-1" id="hh_1_anchor">
                                            <i class="jstree-icon jstree-themeicon"
                                               role="presentation"></i>打底衫
                                        </a>
                                    </li>
                                    <li role="treeitem" aria-selected="false" aria-level="3"
                                        aria-labelledby="_anchor" id="ii_1"
                                        class="jstree-node  jstree-leaf">
                                        <div unselectable="on" role="presentation" class="jstree-wholerow">
                                            &nbsp;</div>
                                        <i class="jstree-icon jstree-ocl" role="presentation"></i>
                                        <a class="jstree-anchor" href="#" tabindex="-1" id="ii_1_anchor">
                                            <i class="jstree-icon jstree-themeicon"
                                               role="presentation"></i>棉服
                                        </a>
                                    </li>
                                    <li role="treeitem" aria-selected="false" aria-level="3"
                                        aria-labelledby="_anchor" id="kk_1"
                                        class="jstree-node  jstree-leaf">
                                        <div unselectable="on" role="presentation" class="jstree-wholerow">
                                            &nbsp;</div>
                                        <i class="jstree-icon jstree-ocl" role="presentation"></i>
                                        <a class="jstree-anchor" href="#" tabindex="-1" id="kk_1_anchor">
                                            <i class="jstree-icon jstree-themeicon"
                                               role="presentation"></i>皮衣
                                        </a>
                                    </li>
                                    <li role="treeitem" aria-selected="false" aria-level="3"
                                        aria-labelledby="_anchor" id="jj_1"
                                        class="jstree-node  jstree-leaf">
                                        <div unselectable="on" role="presentation" class="jstree-wholerow">
                                            &nbsp;</div>
                                        <i class="jstree-icon jstree-ocl" role="presentation"></i>
                                        <a class="jstree-anchor" href="#" tabindex="-1" id="jj_1_anchor">
                                            <i class="jstree-icon jstree-themeicon"
                                               role="presentation"></i>大衣
                                        </a>
                                    </li>
                                    <li role="treeitem" aria-selected="false" aria-level="3"
                                        aria-labelledby="_anchor" id="ll_1"
                                        class="jstree-node  jstree-leaf">
                                        <div unselectable="on" role="presentation" class="jstree-wholerow">
                                            &nbsp;</div>
                                        <i class="jstree-icon jstree-ocl" role="presentation"></i>
                                        <a class="jstree-anchor" href="#" tabindex="-1" id="ll_1_anchor">
                                            <i class="jstree-icon jstree-themeicon"
                                               role="presentation"></i>裘皮
                                        </a>
                                    </li>
                                    <li role="treeitem" aria-selected="false" aria-level="3"
                                        aria-labelledby="_anchor" id="lll_1"
                                        class="jstree-node  jstree-leaf">
                                        <div unselectable="on" role="presentation" class="jstree-wholerow">
                                            &nbsp;</div>
                                        <i class="jstree-icon jstree-ocl" role="presentation"></i>
                                        <a class="jstree-anchor" href="#" tabindex="-1" id="lll_1_anchor">
                                            <i class="jstree-icon jstree-themeicon"
                                               role="presentation"></i>羽绒服
                                        </a>
                                    </li>
                                </ul>
                            </li>
                            <li role="treeitem" aria-selected="false" aria-level="2"
                                aria-labelledby="0b8a94a19af14ba99d453457d379af37_anchor"
                                aria-expanded="true" id="oo_1"
                                id="0b8a94a19af14ba99d453457d379af37" class="jstree-node jstree-closed">
                                <div unselectable="on" role="presentation" class="jstree-wholerow">&nbsp;</div>
                                <i class="jstree-icon jstree-ocl" role="presentation"></i>
                                <a class="jstree-anchor" href="#" tabindex="-1"
                                   id="0b8a94a19af14ba99d453457d379af37_anchor">
                                    <i class="jstree-icon jstree-themeicon" id="oo_1_anchor"
                                       role="presentation"></i>下装
                                </a>
                                <ul class="jstree-children" role="group">
                                    <li role="treeitem" aria-selected="false" aria-level="3"
                                        aria-labelledby="_anchor" id="uu_1"
                                        class="jstree-node  jstree-leaf">
                                        <div unselectable="on" role="presentation" class="jstree-wholerow">
                                            &nbsp;</div>
                                        <i class="jstree-icon jstree-ocl" role="presentation"></i>
                                        <a class="jstree-anchor" href="#" tabindex="-1" id="uu_1_anchor">
                                            <i class="jstree-icon jstree-themeicon"
                                               role="presentation"></i>半裙
                                        </a>
                                    </li>
                                    <li role="treeitem" aria-selected="false" aria-level="3"
                                        aria-labelledby="_anchor" id="tt_1"
                                        class="jstree-node  jstree-leaf">
                                        <div unselectable="on" role="presentation" class="jstree-wholerow">
                                            &nbsp;</div>
                                        <i class="jstree-icon jstree-ocl" role="presentation"></i>
                                        <a class="jstree-anchor" href="#" tabindex="-1" id="tt_1_anchor">
                                            <i class="jstree-icon jstree-themeicon"
                                               role="presentation"></i>长裤
                                        </a>
                                    </li>
                                </ul>
                            </li>
                            <li role="treeitem" aria-selected="false" aria-level="2" id="aaa_1"
                                aria-labelledby="0a2c0b0f994248d9ba45c6b93298d16d_anchor" aria-expanded="true"
                                id="0a2c0b0f994248d9ba45c6b93298d16d" class="jstree-node jstree-closed">
                                <div unselectable="on" role="presentation" class="jstree-wholerow">&nbsp;</div>
                                <i class="jstree-icon jstree-ocl" role="presentation"></i>
                                <a class="jstree-anchor" href="#" tabindex="-1" id="aaa_1_anchor"
                                   id="0a2c0b0f994248d9ba45c6b93298d16d_anchor">
                                    <i class="jstree-icon jstree-themeicon"
                                       role="presentation"></i>配饰
                                </a>
                                <ul class="jstree-children" role="group">
                                    <li role="treeitem" aria-selected="false" aria-level="3"
                                        aria-labelledby="_anchor" id="aaa_2"
                                        class="jstree-node  jstree-leaf">
                                        <div unselectable="on" role="presentation" class="jstree-wholerow">
                                            &nbsp;</div>
                                        <i class="jstree-icon jstree-ocl" role="presentation"></i>
                                        <a class="jstree-anchor" href="#" tabindex="-1" id="aaa_2_anchor">
                                            <i class="jstree-icon jstree-themeicon"
                                               role="presentation"></i>皮带
                                        </a>
                                    </li>
                                    <li role="treeitem" aria-selected="false" aria-level="3"
                                        aria-labelledby="_anchor" id="aaa_3"
                                        class="jstree-node  jstree-leaf">
                                        <div unselectable="on" role="presentation" class="jstree-wholerow">
                                            &nbsp;</div>
                                        <i class="jstree-icon jstree-ocl" role="presentation"></i>
                                        <a class="jstree-anchor" href="#" tabindex="-1"  id="aaa_3_anchor">
                                            <i class="jstree-icon jstree-themeicon"
                                               role="presentation"></i>丝巾
                                        </a>
                                    </li>
                                    <li role="treeitem" aria-selected="false" aria-level="3"
                                        aria-labelledby="_anchor" id="aaa_4"
                                        class="jstree-node  jstree-leaf">
                                        <div unselectable="on" role="presentation" class="jstree-wholerow">
                                            &nbsp;</div>
                                        <i class="jstree-icon jstree-ocl" role="presentation"></i>
                                        <a class="jstree-anchor" href="#" tabindex="-1" id="aaa_4_anchor">
                                            <i class="jstree-icon jstree-themeicon"
                                               role="presentation"></i>围巾
                                        </a>
                                    </li>
                                    <li role="treeitem" aria-selected="false" aria-level="3"
                                        aria-labelledby="_anchor" id="aaa_5"
                                        class="jstree-node  jstree-leaf">
                                        <div unselectable="on" role="presentation" class="jstree-wholerow">
                                            &nbsp;</div>
                                        <i class="jstree-icon jstree-ocl" role="presentation"></i>
                                        <a class="jstree-anchor" href="#" tabindex="-1" id="aaa_5_anchor">
                                            <i class="jstree-icon jstree-themeicon"
                                               role="presentation"></i>鞋
                                        </a>
                                    </li>
                                    <li role="treeitem" aria-selected="false" aria-level="3"
                                        aria-labelledby="_anchor" id="aaa_6"
                                        class="jstree-node  jstree-leaf">
                                        <div unselectable="on" role="presentation" class="jstree-wholerow">
                                            &nbsp;</div>
                                        <i class="jstree-icon jstree-ocl" role="presentation"></i>
                                        <a class="jstree-anchor" href="#" tabindex="-1" id="aaa_6_anchor">
                                            <i class="jstree-icon jstree-themeicon"
                                               role="presentation"></i>包
                                        </a>
                                    </li>
                                    <li role="treeitem" aria-selected="false" aria-level="3"
                                        aria-labelledby="_anchor" id="aaa_7"
                                        class="jstree-node  jstree-leaf">
                                        <div unselectable="on" role="presentation" class="jstree-wholerow">
                                            &nbsp;</div>
                                        <i class="jstree-icon jstree-ocl" role="presentation"></i>
                                        <a class="jstree-anchor" href="#" tabindex="-1" id="aaa_7_anchor">
                                            <i class="jstree-icon jstree-themeicon"
                                               role="presentation"></i>披肩
                                        </a>
                                    </li>
                                    <li role="treeitem" aria-selected="false" aria-level="3"
                                        aria-labelledby="_anchor" id="aaa_8"
                                        class="jstree-node  jstree-leaf">
                                        <div unselectable="on" role="presentation" class="jstree-wholerow">
                                            &nbsp;</div>
                                        <i class="jstree-icon jstree-ocl" role="presentation"></i>
                                        <a class="jstree-anchor" href="#" tabindex="-1" id="aaa_8_anchor">
                                            <i class="jstree-icon jstree-themeicon"
                                               role="presentation"></i>项链
                                        </a>
                                    </li>
                                    <li role="treeitem" aria-selected="false" aria-level="3"
                                        aria-labelledby="_anchor" id="aaa_9"
                                        class="jstree-node  jstree-leaf">
                                        <div unselectable="on" role="presentation" class="jstree-wholerow">
                                            &nbsp;</div>
                                        <i class="jstree-icon jstree-ocl" role="presentation"></i>
                                        <a class="jstree-anchor" href="#" tabindex="-1" id="aaa_9_anchor">
                                            <i class="jstree-icon jstree-themeicon"
                                               role="presentation"></i>手镯
                                        </a>
                                    </li>
                                    <li role="treeitem" aria-selected="false" aria-level="3"
                                        aria-labelledby="_anchor" id="bbb_1"
                                        class="jstree-node  jstree-leaf">
                                        <div unselectable="on" role="presentation" class="jstree-wholerow">
                                            &nbsp;</div>
                                        <i class="jstree-icon jstree-ocl" role="presentation"></i>
                                        <a class="jstree-anchor" href="#" tabindex="-1" id="bbb_1_anchor">
                                            <i class="jstree-icon jstree-themeicon"
                                               role="presentation"></i>胸针
                                        </a>
                                    </li>
                                    <li role="treeitem" aria-selected="false" aria-level="3"
                                        aria-labelledby="_anchor" id="bbb_2"
                                        class="jstree-node  jstree-leaf">
                                        <div unselectable="on" role="presentation" class="jstree-wholerow">
                                            &nbsp;</div>
                                        <i class="jstree-icon jstree-ocl" role="presentation"></i>
                                        <a class="jstree-anchor" href="#" tabindex="-1" id="bbb_2_anchor">
                                            <i class="jstree-icon jstree-themeicon"
                                               role="presentation"></i>耳环
                                        </a>
                                    </li>
                                    <li role="treeitem" aria-selected="false" aria-level="3"
                                        aria-labelledby="_anchor" id="bbb_3"
                                        class="jstree-node  jstree-leaf">
                                        <div unselectable="on" role="presentation" class="jstree-wholerow">
                                            &nbsp;</div>
                                        <i class="jstree-icon jstree-ocl" role="presentation"></i>
                                        <a class="jstree-anchor" href="#" tabindex="-1" id="bbb_3_anchor">
                                            <i class="jstree-icon jstree-themeicon"
                                               role="presentation"></i>手套
                                        </a>
                                    </li>
                                    <li role="treeitem" aria-selected="false" aria-level="3"
                                        aria-labelledby="_anchor" id="bbb_4"
                                        class="jstree-node  jstree-leaf">
                                        <div unselectable="on" role="presentation" class="jstree-wholerow">
                                            &nbsp;</div>
                                        <i class="jstree-icon jstree-ocl" role="presentation"></i>
                                        <a class="jstree-anchor" href="#" tabindex="-1" id="bbb_4_anchor">
                                            <i class="jstree-icon jstree-themeicon"
                                               role="presentation"></i>眼镜
                                        </a>
                                    </li>
                                    <li role="treeitem" aria-selected="false" aria-level="3"
                                        aria-labelledby="_anchor" id="bbb_5"
                                        class="jstree-node  jstree-leaf">
                                        <div unselectable="on" role="presentation" class="jstree-wholerow">
                                            &nbsp;</div>
                                        <i class="jstree-icon jstree-ocl" role="presentation"></i>
                                        <a class="jstree-anchor" href="#" tabindex="-1" id="bbb_5_anchor">
                                            <i class="jstree-icon jstree-themeicon"
                                               role="presentation"></i>假领
                                        </a>
                                    </li>
                                </ul>
                            </li>
                        </ul>
                    </li>
                </ul>
            </nav>
        </form>
        <div class="panel_footer text-right">
            <button class="btn btn-primary sure">确定</button>
            <button class="cancel btn btn-default">取消</button>
        </div>
    </article>
</article>
<script src="../library/jquery-3.1.1.min.js"></script>
<script src="../library/bootstrap-3.3.7-dist/js/bootstrap.min.js"></script>
<script src="../library/jstree/jstree.min.js"></script>
<script src="../scripts/index.js"></script>
<script src="../scripts/commodity-category.js"></script>
</body>
</html>